<template>
  <div class='container'>

    <!-- 骨架屏组件 -->
    <!-- <XtxSkeleton  width='100'  height="100" bg="#8df"/> -->

    <!-- 测试 -->
    <!-- <p> {{ load  }} </p>
    <input type="text" v-ilazy="load"> -->

    <!-- 分类 -->
    <home-banner />
    <!-- 轮播 -->
    <home-category />
    <!-- 新鲜好物 -->
    <home-new />
    <!-- 人气推荐组件 -->
    <home-recom />
    <!-- 商品楼层列表数据 -->
    <home-product />
  </div>
</template>

<script>
// 导入分类和轮播组件
import HomeBanner from './components/home-banner'
import HomeCategory from './components/home-category'

// 导入骨架屏组件
// import Skeleton from '@/components/Skeleton/index'

// 导入新鲜好物的组件
import HomeNew from './components/home-new'
// 导入人气推荐组件
import HomeRecom from './components/home-recom'
// 导入商品楼层列表数据
import HomeProduct from './components/home-product'

export default {
  name: 'xtx-home-page',
  components: {
    HomeBanner,
    HomeCategory,
    HomeNew,
    HomeRecom,
    HomeProduct
    // Skeleton
  }
}
</script>

<style scoped lang='less'>
// @import '~@/styles/variables.less';
// .xtx-home-page {
//    color: @xtxColor;
// }
</style>
